<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    p{
        /* 文字属性 */
            /* 1、设置字体倾斜 */
            font-style: italic/normal;
            /* 2、设置字体加粗,快捷键fwb */
            font-weight: bold/bolder/lighter/100-900;
            /* 3、设置文字大小；px即是pixel；快捷键fz10 */
            font-size:10px;
            /* 4、设置文字属性；默认为宋体；快捷键：ff；需要单或双引号*/
            font-family: "微软雅黑";
            /* 5、设置默认字体  */
            /* 6、先放英文字体再放中文字体，可以分别设置中英文字体 */
            font-family: "首选","备选字体1","备选字体2";
            /* 7、font可以把属性放一起；size和family必须设置，并且不能交换顺序，不然没有任何效果
                  size 必须放在family前面，且必须*/
            font:italic bold 10px "楷体";
        /* 文本属性 */
            /* 1、文本装饰属性 快捷键td*/
            text-decoration: none/underline/line-through/overline;
            /* 2、文本水平对齐方式 */
            text-align: left/center/right;
            /* 3、文本缩进 首行缩进，em是文字宽度 快捷键ti2e ;*/
            text-indent: 2em;
        /* 颜色控制 */
            /* 1、修改文字颜色 颜色、rgb(255,0,0)、rgba(255,0,0,1)、#FF0000、#F00*/
            /* 颜色：red\blue\black 一般仅用于调试*/
            /* rgb(三原色r红g绿b蓝) 数字设置光源原件的亮度 三个值都一样就会变成灰色*/
            /* rgba a是指透明度 1是不透明 0是看不见 */
            /* 十六进制每两位给RGB的3个元素赋值 十六进制的取值范围是0-F逢16进1（0-9abcdef)*/
            /* 如果十六进制中每两位的值都是一样的就可以简写一位 */
            color:red;
        /* 选择器 */
            /* 标签选择器(如p、li等)    */
                /* 格式： 标签名{} */
            /* id选择器 */
                /* 格式： #id名{} */
                /* id只能由字母、数字、下划线组成，且不能由数字开头 
                   企业开发中：Id是用给js使用的  */
            /* 类选择器（class) */
                /* 格式： .类名{} */
                /* 类名就是给专门用于设置样式的；每个标签可以设置多个类名 class="类名1 类名2"*/
            /* 后代选择器 */
                /* 格式 标签名称1 标签名称2{} */
                /* 先找到所有1标签  再找到div下所有的2标签
                除了标签名称 还可以使用类名、id名*/
            /* 子元素选择器 */
                /* 格式 标签名称1>标签名称2{} */
                /* 严格的父子关系 */
            /* 交集选择器 */
                /* 给所有选择器相交的部分设置属性 */
                /* 格式 选择器1选择器2{}    ps:选择器间无任何空格，企业开发用得少 */
            /* 并集选择器 */
                /* 格式 选择器1, 选择器2{}  用,隔离*/
            /* 兄弟选择器（同级关系） */
                /* 相邻兄弟选择器(中间不能隔其他标签，且仅选择一个,选择首个标签名2) 格式：标签名1+标签名2{} */
                /* 通用兄弟选择器（选择相邻级的所有标签，选择所有标签名2） 格式：标签名1~标签名2{}*/
            /* 序选择器 */
                /* CSS3中的最具代表性的选择器 表示：1、同级别第几个 2、同类型第几个*/
                /* 1、:first-child{} 选中同级别的第一个标签，不区分类型（同类的:last-child)*/
                /* 2、:first-of-type{} 选中同级别同类型的第一个元素 (同类的：last-of-type)*/
                /* 3、:nth-child(n){} 选中同级别的第n个  n可以为odd、even（表示选中所有奇数和偶数）*/
                /* 4、:nth-of-type(n){} 选中同级别同类型的第n个元素*/
                /* 5、:nth-last-child(n){} 选中同级别的倒数第n个*/
                /* 6、:nth-last-of-type(n){} 选中同级别同类型的倒数第n个元素*/
                /* 7、:only-chilid{} 选中标签中只有一个元素的子元素*/
                /* 8、p:only-of-type{} 选中同级别中只有个一个类型的某个标签*/
                /* 9、高级功能 :nth-child(x*n+y) 其中n为项目个数   (如2n+1为奇数)  用于日历*/
        /* 属性选择器 */
            /* 根据指定的属性名称找到对应的标签 */
            /* 1、格式 p[attribute]{}  先找到所有P标签，再找到P标签中有attribute的标签*/
            /* 2、格式 p[attribute=value（不加引号）]{}  如p[class=cc]{}先找到所有P标签，再找到P标签中attribute为固定值的标签*/
            /* 本功能最常用于区分input类型的表格 如input[type=password] */
            /* 3、是否以XX开头 p[attribute^=value]*/
            /* 4、是否以XX结尾 p[attribute$=value]*/   
            /* 5、是否包含XX   p[attribute*=value]*/
        /* CSS的三大特性 */
            /* 继承性：1、仅继承color/font-/text-/line-开头的；
                      2、后代都可以继承；
                      3、a标签的文字颜色和下划线不能继承；
                      4、h标签的文字大小不能继承；
                      5、一般用于设置网页上的共性信息 如：body{}*/
            /* 层叠性：CSS处理冲突的一种能力；
                     多个选择器选择了同一标签，某一个选择器的属性会覆盖其他  */
            /* 优先级：由优先级来确定层级性
                     1、 是否直接选中；
                     2、间接选中时，谁比较近选谁； 
                     3、直接选择且为同类型，谁在后面选谁；
                     4、不同选择器直接选中时：id>类>标签>通配符>继承>浏览器默认
                     5、直接选择中 如果加入 !important  可提升被指定属性的优先级 如p{ clolor:red !important;}    */
        /* Css元素显示特性 */
            /* html标签分为容器级和文本级；类似的，css中标签显示模式分为块级元素、行内元素和行内块级元素：
                 1、块级元素会独占一行；行内元素不会独占一行；
                 2、所有容器级元素都是块级元素，文本级元素除P元素外都是行内元素；
                 3、块级元素没有设置宽度就和父元素一样宽，如果设置了宽高就按设置来显示；
                 4、行内元素如果没有设置宽度，那么默认和内容一样宽 ；行内元素不能设置宽度和高度；
                 5、行内块级元素：为了能够让元素又能够不独占一行，又能设置高度和宽度，就出现了行内块级元素（如img元素）；
                 6、display：inline/block/inline-block  控制元素显示模式  快捷键:db/di/dib  */
        /* 背景图片 */
            /* 格式：background-image: url() 
               1、地址可为本地或网络图片；
               2、如果背景图片小于实际图片大小，会自动水平加垂直平铺；
               3、background-repeat用于确定是否平铺 /repeat/repeat-x/repeat-y/no-repeat 用于选择平铺方式；
               4、背景图片和背景颜色可以共存，图片会覆盖颜色；
               5、background-position:水平方向 垂直方向 ；用于控制背景图片位置
                   取值为left center right top center bottom 或者 100px 200px(表示距左边100px，距离上部200px)
               6、企业开发中利用background-position:center top 来让重要的内容始终在中间；
               7、背景属性缩写 background:背景颜色 背景图片 平铺方式 关联方式 定位方式
               如：background:red url() no-repeat (关联方式) left bottom  其中任何一个属性都可被省略
               8、关联属性：默认情况下背景图片会随滚动图滚蛋 background-attachment:scroll(会滚动)/fixed(不滚动);  
               9、快捷键    div.box$*2 可以在生成2个div，类型为box1-box2
               10、背景图片可以用于图片的层叠嵌套，多个相同大小的DIV包裹在一起  */
            /* CSS精灵图 */
                /* 1、是图像合成技术，可以减少服务器请求次数
                   2、CSS精灵图通过配合背景图片和背景定位来实现
                   3、确定div大小及背景图像的定位来显示特定的图片内容      */
        /* 盒子模型 */
            /* 边框属性 */
                /*  1、 样式1： border:边框的宽度 边框的样式 边框的颜色(三要素)；快捷键bd+       
                    2、 border-up/right/bottom/left:边框的宽度 边框的样式 边框的颜色
                    3、 border-width/style/color:上 右 下 左；   */
            /* 内边距属性 */
                /*  1、边框与内容之间的距离即内边距  格式（连写或非连写）：padding-top/right/bottom/left
                    2、给标签设置内边距后，标签占有的高度和宽度会发生变化
                    3、内边距也会有背景颜色     */
            /* 外边距属性 */
                /*  1、标签与标签之间的距离就是外边距，格式为margin;
                    2、外边距没有背景颜色，与内边距区别
                    3、span.hezi${我是一个SPAN}*2  可以创建两个span，类为hezi，内容为我是一个SOAN  
                    3、外边距的合并属性：水平方向外边距是可以叠加的，垂直方向会合并外边距，谁比较大取谁的值   */
            /* 盒子模型概述 */
                /*  1、在HTML中所有标签都可以设置高度、宽度、内边距、外边距    
                    2、所以所有标签都可以称作是一个盒子模型
                    3、内容的宽度和高度：width和height设置的高度和宽度
                    4、元素的高度和高度：即可以看到的高度和宽度；宽度=左边框+左内边距+width+右内边距+右边框；高度同理
                    5、元素空间的高度和高度：即宽度=元素的宽度+ 左外边距+右外边距；高度同理
                    6、增加了padding或者border后元素宽高也会增加
                    7、box-sizing：content-box(元素的宽高=内容宽高)/border-box(通过缩减内容的宽度和高度来保持高度和宽度不变) 
                       box-sizing这个属性可以保证添加border和padding后盒子的宽高不变，width和height用来设置border-box或content-box的宽高
                    8、注意！！：如果两个盒子是嵌套关系，设置里面盒子的（margin），外面一个盒子也会被顶下来；
                       如果外面的盒子不想被顶下来，只需给外面的盒子增加一个边框属性
                    9、在企业开发中，要在嵌套关系中设置盒子之间的距离首先应该考虑使用padding属性！！ margin属性本质上是用于控制兄弟关系之间的距离！！ 
                    10、在嵌套关系中可以利用margin:0 auto； 的方式来让里面的盒子在外面的盒子中水平居中,只对水平方向有效，对垂直方向无效 */
                /* text-align:center和margin:0 auto的区别 
                    1、text-align 是让盒子里面的文字和图片居中 
                    2、margin:0 auto 是让盒子居中*/
                /* 清空默认边距：*{margin:0 padding:0}  最好不要这么写：搜索: yui css */
            /* 行高和字号 */
                /* 行高：1、行高和盒子的高不是一个概念 
                        2、所有行都有行高；line-height可以设置行高
                        3、设置了行高后，名字在行高中默认是垂直居中的
                        4、在企业开发中，经常将盒子高度和行高一致，这样（一行！！！）文字就在盒子中垂直居中  
                        5、在企业开发中，如果有多行文字，只能设置padding让文字居中*/
                /* 文字和内边距 */
                    /*  1、企业开发中，以左边的内边距为基准而不是右边（文字可能在右边显示不下就会换行）
                        2、上外边距应该用计算出来，用边框到行高顶部的距离作计算  */
        /* 网页布局方式 */
                /* 包括：1、标准流（浏览器默认的；块级元素垂直；行内元素水平）；2、浮动流；3、定位流 */
                /* 浮动流：  1、浮动流是一种半脱离标准流的排版方式；
                            2、浮动流是一种水平排盘，只能设置元素左对齐或右对齐，没有居中对齐
                            3、在浮动流中不能使用margin:0 autuo;
                            4、浮动流中不区分块级元素、行内元素、行内块级元素，都可以采取水平排版
                            5、浮动流中无论是否是块级元素都可以设置宽高，综上所诉浮动流中的元素和标准流中的行内块级元素很像    */
                    /* 浮动元素会脱标 
                            1、脱标即脱离标准流；当某个元素浮动后就像被从标准流中删除了一样
                            2、脱标后的元素会盖住后面的元素    */
                    /* 浮动元素的排序规则 
                            1、相同方向上的浮动元素，先浮动的元素会显示在前面，后浮动的元素会显示在后面(谁先浮动是指谁在CSS中先进行设置)
                            2、不同方向上的浮动元素，左浮动找左浮动，右浮动找右浮动
                            3、浮动元素浮动之后的位置，由浮动元素之前在标准流中的位置来确定
                            注意：浮动元素的贴靠现象：如果宽度不够会往之前的元素边界，一直找到父元素边界
                            注意：浮动元素的字围现象：可以实现图文混排效果    */
                /* 清除浮动 */
                    /* 伪元素选择器：
                            1、伪元素选择器就是个指定标签的内容前面或后面添加一个子元素
                            2、示例为  div::before{
                                content:"aini";（指定添加元素内容）
                                width:20px;height:50px;display:block;
                                visibility:hidden(隐藏添加的子元素)
                            }   格式为：标签名称::before/after    */
                    /* 利用伪元素选择器清除浮动
                            1、在元素后面 添加 .box1::after{
                                centent:"";
                                display:block;
                                height:0;
                                visibility:hidden;
                                clear:both;
                            }
                            2、相当于内墙法，即在第一个标签的最后添加一个空的块级元素；box1的背景颜色还是在
                            3、本方法对IE6不兼容，可增加.box1{
                                *zoom:1;（适配IE6）
                            }    */
                    /* 利用overflow:hidden来清除浮动 */
                        /*  1、作用1：overflow:hidden 可以隐藏内容多余块级元素的部分；
                            2、作用2：给 .box1增加overflow:hidden可以直接清除浮动
                            3、该方法对IE6不适配：可增加.box1{
                                *zoom:1;（适配IE6）
                            }
                            4、作用3：对于嵌套的盒子中，只需要给里面的盒子设置overflow:hidden;就可以让里面的元素设置margintop时外面的盒子不被顶下来
                            */
                /* 清除默认样式 */
                        /* 1、搜索yui css清除默认边距
                           2、清空a、ul、li元素的默认样式
                           3、利用body 设置全局的文字大小、文字字体、文字颜色*/
                /* 定位流 */
                        /* 定位流分为相对定位、 绝对定位、固定定位、静态定位 */
                    /* 相对定位：1、相对定位不脱离标准流
                               2、添加：top/right/bottom/left属性会离初始位置移动
                               3、相对定位就是相对于自己以前在标准流中的位置移动
                               4、在相对定位中同一个方向只能使用一个定位属性
                               5、相对定位中是区分块级元素/行内元素/行内块级元素
                               6、相对定位中元素会占用标准流中的位置，所以使用padding/margin属性会影响标准流中的布局
                               7、相对定位在企业开发中主要用于：（1）元素微调  （2）配合绝对定位使用    */
                    /* 绝对定位：1、绝对定位脱离标准流
                               2、绝对定位不区分块级元素/行内元素/行内块级元素
                               3、绝对定位默认情况下会以body作为参考点，不管有没有祖先级元素
                               4、如果一个绝对定位有祖先元素，并且祖先元素也是定位流（包括绝对定位、相对定位和固定定位），那么这个绝对定位元素会以祖先元素作为参考点
                               5、如果祖先元素有多个定位流，那么绝对定位元素会以离它最近的那个祖先作为参考点
                               6、注意点：绝对定位以body为参考点时，其实是以网页首屏的高度和宽度作为参考点，而不是整个网页的高度和宽度；
                                      绝对定位的元素会忽略父元素的padding属性
                               7、应用场景：子绝父相
                               8、margin:0 auto在绝对定位中无效，如果想让绝对定位的子元素在父元素中始终保持居中可以添加两行代码
                               ：{left:50%;margin-left:-绝对定位元素宽度/2}  */
                    /* 固定定位：1、固定定位类似于background-attachment:fixed/scroll
                               2、固定定位脱离标准流中
                               3、固定定位不区分块级元素/行内元素/行内块级元素
                               4、固定定位可以让元素不随滚动条的滚动而滚动
                               5、企业开发中固定定位用于：导航条、广告、返回顶部按钮等
                               6、IE6不支持固定流   */
                    /* z-index属性： 1、默认情况下所有元素都有一个默认的z-index属性，取值为0；
                                    2、默认情况下定位流元素后面编写的会盖住前面编写的 
                                    3、如果定位流中元素设置了z-index属性，那么谁的z-index属性大谁就会显示在前面
                                    4、如果两个元素的父元素都设置了z-index属性，那么子元素的z-index属性会失效  */
         /* CSS3中的新特性 */
                    /*  a标签的伪类选择器：1、格式为（可用于任意标签，不只是a标签） a:link(未访问)/a:visited(访问过)/a:hover(鼠标悬停)/a:active(鼠标长按){}
                                       2、a标签的伪类选择器可以单独出现也可以一起出现
                                       3、a标签的伪类选择器一起出现时必须按照link、visited、hover、active顺序出现
                                       4、如果默认状态的样式和被访问过的状态一样，可以进行缩写，格式a{样式}，对hover和active无影响
                                       5、企业开发中，编写的伪类选择器最好卸载a标签后面；和a标签盒子相关的属性都写在标签选择器中（显示模式/高度/宽度/margin/padding）
                                       6、企业开发中，把a标签文字/背景相关的部分都写在伪类选择器中*/
                    /* 过渡模块 */
                        /* 过渡效果三要素：1、必须要有属性变化   比如：div:hover{}
                                        2、告诉系统哪个属性需要执行过渡效果，该属性放入div的样式中； 比如：transition-property:width,background-color;
                                        3、告诉系统过渡效果持续时长    比如：transition-durantion:5s,5s;
                                        注意：a、当多个属性发生变化时，用,隔开   
                                        b、除此以外还有其他属性：如transition-delay(告诉系统延迟多少秒后执行)、
                                        transition-timing-function(liner/ease/ease-in/ease-out/ease-in-out)控制过渡动画的运动速度
                                        liner:匀速；ease:逐渐变慢；ease-in:加速；ease-out:减速；ease-in-out:先加速后减速
                        /* 过渡模块连写：  1、格式：transiton:过渡属性 过渡时长 运动速度 延迟时间；如transition:width 2s liner 0s;
                                        2、有多个属性连写时，也是用,隔开   
                                        3、连写时，运动速度和延迟时间为非必须项
                                        4、transition:all 5s 表示所有的属性发生变化时过渡时间为5s   */
                        /* 编写过渡的套路：1、不管过渡，先编写基本界面
                                        2、修改需要修改的属性
                                        3、再回过头给被修改属性的元素添加过渡效果即可    */
                    /* 2D转换模块 */
                        /* transform格式：1、transform:rotate(45deg)是顺时针旋转45°，其中deg是单位° 
                                        2、transform:translate(10px,20px)为平移 参数1为水平方向平移、参数2为垂直方向平移
                                        3、transform:scale(1,1.5)为缩放，参数1为水平方向缩放、参数2为垂直方向缩放，取值是1代表不变，（可以简写为一个参数，表示为同比例缩放）
                                        4、如果需要多个转换，用空格隔开；由于旋转后会更改坐标系，所以旋转后再平移就不是水平平移   */
                            /* 形变中心点：1、默认情况下所有元素都以自己的中心点作为作为参考来旋转，我们可以通过设置形变中心点属性来修改它的参考点
                                        2、transform-origin:200px 0px;第一个参数是水平方向，第二个参数是垂直方向（取0 0值时是指左上角）
                                        3、取值可以取像素点、百分比、属性（如center center）
                                        4、企业开发中主要用于修改旋转点，该属性放在待变化的元素中   */
                            /* 旋转轴向  1、rotate属性默认情况下是围绕z轴进行旋转 
                                        2、rotateX、rotateY、rotateZ 可以设置围绕那个轴旋转
                                        3、prospective属性：即是近大远小  prospective：20px  prospective值小效果越明显
                                        4、注意！！！prospective属性必须添加到需要呈现的元素的祖先元素（最好是父元素）上面    */
                        /* 阴影 */
                            /* 盒子阴影的格式：1、box-shadow:水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影
                                            2、盒子阴影分为内外阴影，默认为外阴影；
                                            3、快速添加阴影：box-shadow只需要3个参数水平偏移 垂直偏移 模糊度即可
                                            4、默认情况下阴影颜色与盒子内的文字颜色相等    */
                            /* 文字阴影的格式：1、 text-shadow:水平偏移 垂直偏移 模糊度 阴影颜色(颜色可以省略)
                                            2、文字阴影颜色默认等于文字的颜色*/
                    /* 动画模块 */
                            /* 动画模块与过渡模块之间的异同：1、 过渡必须人为触发；动画不需要人为处罚
                                             2、过渡和动画都要满足三要素，都是系统新增的属性，过渡和动画都是用来给元素添加动画的*/
                            /* 动画模块的三要素：1、animation-name:zy   告诉系统执行哪个动画（zy是自己设置的）
                                              2、@keyframe zy{   
                                                from{} 
                                                to{}  
                                               }        或者@keyframes zy{0%{} 1%{} ....100%{}}告诉系统我们需要自己创建一个叫做zy的动画
                                              3、animation-dutation:3s 告诉系统动画的持续时间   */
                            /* 动画模块的其他属性：1、animation: duration 2s; 延迟时间
                                                2、animation-timing-function:liner  动画执行速度,默认为ease;
                                                3、animation-iteration-count:3  动画执行次数，默认为1
                                                4、animation-direction:normal（执行完后回到起点再执行下一次）/alternate(往返，往返算2次)
                                                5、animation-play-state:running/paused 告诉系统当前的动画是否要暂停，可以配合div:hover使用
                                                6、animation-full-mode:none(默认)/forwards(让元素结束的时候保持最后一帧的样式)
                                                /backwards(让元素等待的时候显示默认状态的第一帧的样式)/both(有f和b的效果)
                                                用来指定动画等待状态和结束状态的样式 */
                            /* 动画模块的连写：1、 格式：animation:动画名称 动画时长 动画运动速度 延迟时间 执行次数
                                            2、举例： animation:move 3s linear 2s 1 normal   */
                            /* 设置3D效果：   1、2D没有厚度，3D是立体的具有厚度，默认情况下所有元素都是2D的
                                            2、和perspective一样，想要某个元素具有3D效果只需要在父元素中设置transform-style:preseve-3d
                                            3、企业开发可以用于创建正方体长方体;
                                            4、background-size:cover 可以使得背景图片填满浏览器
                                            5、在编写动画时，固定不变的值放前面，需要变化的值放后面   */
                            /* 背景图片尺寸属性： 1、background-size： 是css3中新加的属性
                                            2、默认为平铺
                                            3、background-size：参数1（宽度） 参数2（高度）
                                            4、若参数是百分比值 是指宽度高度是元素宽度或高度的百分比
                                            5、若参数是auto则该参数为等比拉伸
                                            6、background-size：cover  表示这张图片要等比拉伸，并且高度和宽度要填满整个元素
                                            7、background-size：content  表示这张图片要等比拉伸,只要高度或者高度填满元素     *
                             /* 背景图片定位区域属性： 1、 是css3中新加的属性 
                                                   2、background-origin   用来告诉系统背景图片从什么区域开始显示，默认值为padding-box：从padding开始显示
                                                   3、取值为border-box 从边框开始显示；取值为content-box 从内容部分开始显示  */
                            /* 背景绘制区域属性       1、background-clip(背景绘制区域) 用来告诉系统背景颜色从什么区域开始显示，默认值为border-box
                                                   2、取值也是border-box;padding-box;content-box;   */
                            /* 多重背景图片       1、格式：background:图像1，图像2，....
                                                2、先添加的图片会覆盖住后添加的图片
                                                3、图片多时建议分开写    */
                        /* CSS的书写格式 */
                                                /*1、行内样式：在标签中加入style="color:red"
                                                  2、内嵌样式：在head中加入style
                                                  3、外链样式：可以单独新建CSS文件，通过link文件进行关联
                                                  4、导入样式：可以单独新建一个css文件，通过<style>@import "xxx.css"</style>来导入，是css2.1开发的，有兼容问题，并且会先加载内容再加载样式  */
                /* 如何创建一个网站 */
                        /* 1、新建站点文件夹，名下放入css、images、js文件夹以及index.html文件
                           2、在CSS文件夹中创建base.css清空默认样式
                           3、在base.css中设置全局样式
                           4、企业开发中做LOGO都是h1标签里面嵌套a标签
                           5、如果图片宽度大于父元素的宽度那么无法使用margin:0 auto 以及text-align:center;
                              如果想让图片居中显示可以使用定位流，图片设置绝对定位，left:50%;margin-left:-图片宽度的一半
                              但是需要写3行代码，并且还要知道图片宽度
                              也可以使用margin:0 -100%; 注意 父元素必须设置text-align:center;*/
                                    
                
        }
    </style>
</head>
<body>
<p>e</p>
</body>
</html>